<template>
	<custom-navigation-bar :back="false"></custom-navigation-bar>
	<view class="icon-box w-100 align-center justify-center">
		<icon class="icon-box-img" type="success" size="93"></icon>
		<view class="icon-box-ctn align-center justify-center mt-30">
			<view class="icon-box-title">预约成功</view>
			<!-- <view class="icon-box-desc">用于表示操作顺利完成</view> -->
		</view>
	</view>
	<view class="w-100 flex-row justify-around mt-30">
		<view class="home btn" @tap="gohome">
			返回首页
		</view>
		<view class="order btn" @tap="godetail">
			查看订单
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			gohome() {
				uni.reLaunch({
					url: '/pages/index/index',
					roteType: 'wx://zoom'
				})
			},
			godetail() {
				uni.reLaunch({
					url: '/pages/order/order-detail',
					roteType: 'wx://zoom'
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.btn {
		width: 30%;
		padding: 20rpx;
		border-radius: 40rpx;
		color: #fff;
		text-align: center;
	}
	.home{
		background: $t-cl;
	}
	.order{
		background: $t-cr;
	}
</style>